<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="en">
    <meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>hello</title>
    <link rel="stylesheet" href="../build/css/app.css"/>
    <style>
        #hhh {

        }

        #lyf {
            border-color: #fff6de;
            position: fixed;
            background-color: #fff6de;
            box-shadow: 3px 3px 6px 0px #3b5998 ;
            margin: auto;
            float: right;
            right: 10px;
            top: 0;
            bottom: 0;
        }
    </style>

</head>

<body class="app postion">

<div id="lyf">
    来一发
</div>

<div class="a">
    a
    <div class="b" >
        b

    </div>

    <div class="b" style="position: absolute">
        b2asdsadasd

    </div>

</div>


<div class="c" style="">
    c
</div>


<section class="biankuang clearfix" style="">
    <img class="biankuang" src="a.png" style="float: left">
    <!--<div  class="biankuang" style="float: left">aaa</div>-->
    <p class="biankuang" style="margin: 0 0">It's fun to float.</p>
</section>
<footer class="biankuang" style="margin-bottom: 500px"> Here is the footer element that runs across the bottom of the
    page.
</footer>


<p id="m1" class="m">
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
    m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1m1
</p>

<div id="m2" class="m">
    m2
</div>

<div id="m3" class="m">
    m3
</div>


</body>
</html>